<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>校服定制-提交订单</title>
    <link rel="stylesheet" href="css/Reset.css">
    <link rel="stylesheet" href="css/details.css">
    <!--Required libraries-->
    <script src="js/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <script src="js/flickerplate.min.js" type="text/javascript"></script>
    <!--Execute flickerplate-->
    <script>
    $(document).ready(function(){
        $('.flicker-example').flicker();
    });
    </script>
    <style>
        body{
            background: #e4e8f5;
        }
    </style>
</head>
<body>
    <!-- 轮播 -->
    <div class="banner">
        <div class="flicker-example" data-block-text="false">
            <ul>
                <li data-background="img/ban1.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
                <li data-background="img/ban2.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
                <li data-background="img/ban3.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 内容 -->
    <div class="det-custom">
        <div class="det-con">
            <div class="det-conL"><img src="img/tjdd.jpg" alt=""></div>
            <div class="det-conR">
                <div class="det-title"><p>男女针织长裤<span>【北京第一实验小学】</span></p></div>
                <div class="chima">尺码/cm:</div>
                <ul>
                    <li>120</li><li>130</li><li>140</li><li>150</li><li>160</li><li>170</li>
                </ul>
                <div class="det-num">
                    <p class="jian">-</p><p class="shuzi">1</p><p class="jia">+</p>
                </div>
            </div>
            <div class="more">
                <p>+</p>
            </div>
        </div>
        <div class="det-con">
            <div class="det-conL"><img src="img/tjdd.jpg" alt=""></div>
            <div class="det-conR">
                <div class="det-title"><p>男女针织长裤<span>【北京第一实验小学】</span></p></div>
                <div class="chima">尺码/cm:</div>
                <ul>
                    <li>120</li><li>130</li><li>140</li><li>150</li><li>160</li><li>170</li>
                </ul>
                <div class="det-num">
                    <p class="jian">-</p><p class="shuzi">1</p><p class="jia">+</p>
                </div>
            </div>
            <div class="more">
                <p>+</p>
            </div>
        </div>
        <div class="det-con">
            <div class="det-conL"><img src="img/tjdd.jpg" alt=""></div>
            <div class="det-conR">
                <div class="det-title"><p>男女针织长裤<span>【北京第一实验小学】</span></p></div>
                <div class="chima">尺码/cm:</div>
                <ul>
                    <li>120</li><li>130</li><li>140</li><li>150</li><li>160</li><li>170</li>
                </ul>
                <div class="det-num">
                    <p class="jian">-</p><p class="shuzi">1</p><p class="jia">+</p>
                </div>
            </div>
            <div class="more">
                <p>+</p>
            </div>
        </div>
        <div class="det-con">
            <div class="det-conL"><img src="img/tjdd.jpg" alt=""></div>
            <div class="det-conR">
                <div class="det-title"><p>男女针织长裤<span>【北京第一实验小学】</span></p></div>
                <div class="chima">尺码/cm:</div>
                <ul>
                    <li>120</li><li>130</li><li>140</li><li>150</li><li>160</li><li>170</li>
                </ul>
                <div class="det-num">
                    <p class="jian">-</p><p class="shuzi">1</p><p class="jia">+</p>
                </div>
            </div>
            <div class="more">
                <p>+</p>
            </div>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="bott-footer"></div>
    <div class="footer"><a href="#">提交订单</a></div>
</body>
</html>